<template>
  <div>
    <input type="text" placeholder="搜索..." />
    <button>搜索</button>
  </div>
</template>

<script>
export default {
  name: 'SearchBar'
}
</script>

<style scoped>
div {
  display: flex;
}
input {
  flex: 1;
  padding: 5px;
}
button {
  padding: 5px 10px;
}
</style>